<template>
  <div class="padding-lr20">
    <div class="flex justify-between height-100 align-center border-bottom" @click="sexChange(0)">
      <div>男</div>
      <van-icon v-if="sex==0" name="success" />
    </div>
    <div class="flex justify-between height-100 align-center border-bottom" @click="sexChange(1)">
      <div>女</div>
      <van-icon v-if="sex==1" name="success" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      sex: 0
    };
  },
  mounted() {document.querySelector('html').style.backgroundColor = "#ffffff";},
  methods: {
    sexChange(e) {
      this.sex = e;
    }
  }
};
</script>

<style>
html {
  background: white;
}
</style>
<style scoped>
.height-100 {
  height: 1rem;
}
</style>